*{
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  outline: none;
}
@function px($px){
  @return ($px/12.4)+vw;
}
.data_wrap{
  width: 100vw;
  .data_header__top{
    height: px(60);
    line-height: px(60);
    text-align: center;
    font-size: 12px;
    background: #efefef;
  }
  .data_header__title{
    height: px(108);
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #efefef;
    border-bottom: 1px #b5b4b9 solid;
    div{
      width: 15%;
      line-height: px(108);
      text-align: center;
      font-size: 12px;
    }
    .header_title__item{
      width: 70%;
      font-size: 14px;
    }
  }
  .data_basicData{
    .data_basicData__header{
      height: px(125);
      font-size: 12px;
      line-height: px(153);
      color: #98979c;
      background: #f2f1f6;
      border-bottom: 1px #cdccd1 solid;
      text-indent: 2vw;
    }
    .data_basicData__item{
      height: px(155);
      line-height: px(155);
      margin-left: 2vw;
      border-bottom: 1px #cdccd1 solid;
      font-size: 14px;
      .basicData_item__column{
        float:left;
      }
      .basicData_item__content{
        float: right;
        margin-right: px(81);
        color: #979797;
        position: relative;
        .icon-wo{
          font-size: 35px;
          color: #dfc686;
          position: absolute;
          right: -3vw;
        }
      }

    }
    .noneBottomLine{
      border-bottom: none;
    }
  }
  .data_encryptedData{
    .data_encryptedData__header {
      @extend .data_basicData__header;
      height: px(175);
      font-size: 12px;
      line-height: px(253);
      color: #98979c;
      background: #f2f1f6;
      border-bottom: 1px #cdccd1 solid;
      border-top: 1px #cdccd1 solid;
      text-indent: 2vw;
    }
    .data_encryptedData__item{
        height: px(155);
        line-height: px(155);
        margin-left: 2vw;
        border-bottom: 1px #cdccd1 solid;
        font-size: 14px;
        .encryptedData_item__column{
          float:left;
        }
        .encryptedData_item__content{
          float: right;
          margin-right: px(81);
          color: #979797;
        }
    }
    .noneBottomLine{
      border-bottom: none;
    }
  }
  .data_foot{
    border-top: 1px #cdccd1 solid;
    background: #f2f1f6;
    height: px(676);
    .data_btn{
      width: px(1030);
      height: px(110);
      line-height: px(110);
      text-align: center;
      color: #fff;
      background: #7e6044;
      border-radius: 1vw;
      margin: px(119) auto 0;
    }
  }
}